Home

busca_profissionais - Page

Elements

• ◆ Group: Group D
  • Left = 56
  • Top = 364
  • Width = 280
  • Height = 280
  • Z-Index = 9
  • Top margin = 155
  • Left pad = 10
  • Top pad = 30
  • Right pad = 10
  • Bottom pad = 10
  • Min height css = 40px
  • ◆ Group: Group A
    • Left = 10
    • Top = 10
    • Width = 0
    • Height = 0
    • Z-Index = 4
    • Min height css = 40px
    • ◆ Text: Text A
      • Left = -10
      • Top = -10
      • Width = 100
      • Height = 36
      • Z-Index = 2
      • Text = Profissionais
  • ◆ Group: Group Filtros
    • Left = 133
    • Top = 76
    • Width = 280
    • Height = 280
    • Z-Index = 8
    • Min height css = 40px
    • ◆ Dropdown: Dropdown Tipo Medico
      • Left = 18
      • Top = 91
      • Width = 0
      • Height = 44
      • Data source = Tipo de medico
      • Background color = rgba(255,255,255,1)
      • Border color = var(--color_bTHBW_default)
      • Font weight = 500
      • Font color = var(--color_bTHDZ_default)
      • Font face = Poppins:::500
      • Font family = var(--font_default)
      • Left margin = 0
      • Top margin = 15
      • Left pad = 20
      • Right pad = 20
      • Choice style = dynamic
      • Static Choices = Option 1
        Option 2
        Option 3
      • Placeholder = Selecione o Tipo de Médico
      • Dynamic type = Tipo de medico
        • Change: Border color = rgba(241, 65, 108, 1)
        • ◌ When: This Dropdown Tipo Medico isnt valid
        • Change: Background color = var(--color_primary_contrast_default)
        • Border color = var(--color_bTHDZ_default)
        • ◌ When: This Dropdown Tipo Medico is focused
    • ◆ Dropdown: Dropdown Tipo de atendimento
      • Left = 18
      • Top = 133
      • Width = 0
      • Height = 44
      • Data source = Tipo de Atendimento
      • Background color = rgba(255,255,255,1)
      • Border color = var(--color_bTHBW_default)
      • Font weight = 500
      • Font color = var(--color_bTHDZ_default)
      • Font face = Poppins:::500
      • Font family = var(--font_default)
      • Left margin = 0
      • Top margin = 15
      • Left pad = 20
      • Right pad = 20
      • Choice style = dynamic
      • Static Choices = Option 1
        Option 2
        Option 3
      • Placeholder = Escolha tipo de atendimento
      • Dynamic type = Tipo de Atendimento
        • Change: Border color = rgba(241, 65, 108, 1)
        • ◌ When: This Dropdown Tipo de atendimento isnt valid
        • Change: Background color = var(--color_primary_contrast_default)
        • Border color = var(--color_bTHDZ_default)
        • ◌ When: This Dropdown Tipo de atendimento is focused
    • ◆ Dropdown: Dropdown Especialidade
      • Left = 18
      • Top = 165
      • Width = 0
      • Height = 44
      • Data source = Tipo Especialidade
      • Background color = rgba(255,255,255,1)
      • Border color = var(--color_bTHBW_default)
      • Font weight = 500
      • Font color = var(--color_bTHDZ_default)
      • Font face = Poppins:::500
      • Font family = var(--font_default)
      • Left margin = 0
      • Top margin = 15
      • Left pad = 20
      • Right pad = 20
      • Choice style = dynamic
      • Static Choices = Option 1
        Option 2
        Option 3
      • Placeholder = Escolha uma especialidade
      • Dynamic type = Tipo Especialidade
        • Change: Border color = rgba(241, 65, 108, 1)
        • ◌ When: This Dropdown Especialidade isnt valid
        • Change: Background color = var(--color_primary_contrast_default)
        • Border color = var(--color_bTHDZ_default)
        • ◌ When: This Dropdown Especialidade is focused
    • ◆ Group: Group C 👓
      • Left = 111
      • Top = 184
      • Width = 280
      • Height = 280
      • Z-Index = 7
      • Visible = false
      • Bottom margin = 30
      • Min height css = 40px
        • Change: Visible = true
        • ◌ When: busca_profissionais's maisfiltroProfissionais equals 2
      • ◆ Input: Input Pesquisar Profissional
        • Left = 20
        • Top = 388
        • Width = 250
        • Height = 44
        • Background color = rgba(255,255,255,1)
        • Border color = var(--color_bTHBW_default)
        • Font weight = 500
        • Font color = var(--color_bTHDZ_default)
        • Font face = Poppins:::500
        • Font family = var(--font_default)
        • Top margin = 15
        • Left pad = 20
        • Right pad = 20
        • Placeholder = Pesquise por cidade
        • Content format = geographic_address
          • Change: Border color = rgba(241, 65, 108, 1)
          • ◌ When: This Input Pesquisar Profissional isnt valid
          • Change: Background color = var(--color_primary_contrast_default)
          • Border color = var(--color_bTHDZ_default)
          • ◌ When: This Input Pesquisar Profissional is focused
    • ◆ Group: Group F
      • Left = 102.5
      • Top = 187
      • Width = 280
      • Height = 280
      • Z-Index = 8
      • Min height css = 40px
      • ◆ Button: Button A
        • Left = 27
        • Top = 191
        • Width = 150
        • Height = 44
        • Z-Index = 6
        • Top margin = 10
        • Bottom margin = 10
        • Text = Mais filtros
        • Button type = label_icon
        • Icon = phosphor regular plus-circle
          • Change: Visible = false
          • ◌ When: busca_profissionais's maisfiltroProfissionais equals 2
      • ◆ Button: Button E 👓
        • Left = 269
        • Top = 175
        • Width = 150
        • Height = 44
        • Z-Index = 6
        • Visible = false
        • Top margin = 10
        • Bottom margin = 10
        • Text = Limpar filtros
        • Button type = label
        • Icon = phosphor regular plus-circle
          • Change: Visible = true
          • ◌ When: Input Pesquisar Profissional's value is not empty or Dropdown Especialidade's value is not empty or Dropdown Tipo Medico's value is not empty or Dropdown Tipo de atendimento's value is not empty
      • ◆ Button: Button B 👓
        • Left = 269
        • Top = 175
        • Width = 150
        • Height = 44
        • Z-Index = 6
        • Visible = false
        • Top margin = 10
        • Bottom margin = 10
        • Text = Fechar filtros
        • Button type = label_icon
        • Icon = phosphor regular minus-circle
          • Change: Visible = true
          • ◌ When: busca_profissionais's maisfiltroProfissionais equals 2
• ◆ CustomElement: Header Principal A
  • Left = 45.5
  • Top = 47
  • Width = 380
  • Height = 150
  • Z-Index = 10
• ◆ CustomElement: Footer A
  • Left = 35.5
  • Top = 99.203125
  • Width = 280
  • Height = 280
  • Z-Index = 4
• ◆ Group: Group B
  • Left = 66
  • Top = 374
  • Width = 280
  • Height = 280
  • Z-Index = 9
  • Type of content = Profissionais
  • Top margin = 0
  • Left pad = 10
  • Top pad = 10
  • Right pad = 10
  • Bottom pad = 10
  • Min height css = 40px
  • ◆ Repeating group: RepeatingGroup Mais Profissionais
    • Left = 0
    • Top = 0
    • Width = 280
    • Height = 350
    • Z-Index = 8
    • Type of content = Profissionais
    • Data source = [Search for Profissionais]
      • ● Profissionais
      • Tipo Medico = Dropdown Tipo Medico's value
      • Tipo de Especialidade contains Dropdown Especialidade's value
      • Tipo de Atendimento contains Dropdown Tipo de atendimento's value
      • Endereço geographic search ?????
      • Ignore empty contraints=true
      • ◌ Change: When: Input Pesquisar Profissional's value is not empty
    • ◆ Group: Group Mais Artigos
      • Left = 58
      • Top = 48.8125
      • Width = 280
      • Height = 280
      • Z-Index = 2
      • Type of content = Profissionais
      • Data source = Current cell
      • Border color = var(--color_bTHBV_default)
      • Top margin = 15
      • Bottom margin = 15
      • Right pad = 10
      • Min height css = 40px
      • ◆ Group: Group B
        • Left = 0
        • Top = 24.8125
        • Width = 0
        • Height = 0
        • Z-Index = 4
        • Type of content = Profissionais
        • Data source = Parent group
        • Min height css = 40px
        • ◆ Select2 multi-dropdown: Multidropdown B
          • Left = 10
          • Top = 10
          • Width = 250
          • Height = 45
          • Z-Index = 5
          • Data source = Tipo de Atendimento
          • Background style = none
          • Font size = 11
          • Disabled = true
          • Left margin = -10
          • Top margin = 0
          • disp = default
            • Change: disp = default
            • ◌ When: This Multidropdown B is focused
        • ◆ Text: Text B
          • Left = 0
          • Top = 95
          • Width = 100
          • Height = 36
          • Z-Index = 3
          • Top margin = 5
          • Text = Parent group's Endereço extract from address - Parent group's Endereço extract from address
        • ◆ Select2 multi-dropdown: Multidropdown A
          • Left = 0
          • Top = 5
          • Width = 250
          • Height = 45
          • Z-Index = 5
          • Data source = Tipo Especialidade
          • Background style = none
          • Font size = 12
          • Disabled = true
          • Left margin = -10
          • Top margin = -5
          • disp = default
            • Change: disp = default
            • ◌ When: This Multidropdown A is focused
        • ◆ Text: Text D
          • Left = 0
          • Top = 0
          • Width = 200
          • Height = 45
          • Background style = bgcolor
          • Background color = var(--color_bTHDb_default)
          • Border color = var(--color_bTHDb_default)
          • Font size = 12
          • Font weight = 600
          • Font color = var(--color_bTHDZ_default)
          • Font face = Poppins:::600
          • Font family = Poppins
          • Top margin = 5
          • Bottom margin = 5
          • Text = Parent group's Tipo Medico's Display
        • ◆ Text: Text C
          • Left = 10
          • Top = 10
          • Width = 100
          • Height = 36
          • Z-Index = 3
          • Top margin = 0
          • Text = Parent group's Nome
        • ◆ Button: Button C
          • Left = 55
          • Top = 193
          • Width = 150
          • Height = 44
          • Z-Index = 4
          • Background style = none
          • Background color = var(--color_primary_default)
          • Font size = 14
          • Font weight = 600
          • Font color = var(--color_bTHDZ_default)
          • Font face = var(--font_default):::600
          • Font family = var(--font_default)
          • Top margin = 10
          • Bottom margin = 5
          • Left pad = 0
          • Top pad = 0
          • Right pad = 0
          • Bottom pad = 0
          • Text = Ver perfil
          • Button type = label_icon
          • Icon = material outlined arrow_circle_right
            • Change: Opacity = 25
            • ◌ When: This Button C isnt clickable
            • Change: Background color = var(--color_bTHAC_default)
            • ◌ When: This Button C is hovered and This Button C isnt clickable is false
        • ◆ Button: Enviar mensagem
          • Left = 65
          • Top = 203
          • Width = 150
          • Height = 44
          • Z-Index = 4
          • Background style = none
          • Background color = var(--color_primary_default)
          • Font size = 14
          • Font weight = 600
          • Font color = var(--color_bTHDZ_default)
          • Font face = var(--font_default):::600
          • Font family = var(--font_default)
          • Top margin = 10
          • Bottom margin = 0
          • Left pad = 0
          • Top pad = 0
          • Right pad = 0
          • Bottom pad = 0
          • Text = Enviar mensagem
          • Button type = label_icon
          • Icon = phosphor outlined whatsapp-logo
            • Change: Opacity = 25
            • ◌ When: This Enviar mensagem isnt clickable
            • Change: Background color = var(--color_bTHAC_default)
            • ◌ When: This Enviar mensagem is hovered and This Enviar mensagem isnt clickable is false
      • ◆ Image: Image B
        • Left = 79
        • Top = 21.8125
        • Width = 320
        • Height = 240
        • Z-Index = 2
        • Static Source = Parent group's imagem do profissional

Workflow

• ◆ Button A is clicked - "is clicked"
  • 1. Set custom state of busca_profissionais - "Set custom state"
    • ▪ maisfiltroProfissionais = 2
• ◆ Button B is clicked - "is clicked"
  • 1. Set custom state of busca_profissionais - "Set custom state"
    • ▪ maisfiltroProfissionais = 1
• ◆ Button C is clicked - "is clicked"
  • 1. Go to page profissional - "Go to page"
• ◆ Enviar mensagem is clicked - "is clicked"
  • 1. Open an external website. - "Open an external website"
    • New tab = true
    • Url = Parent group's Link do Whatsapp
• ◆ Button E is clicked - "is clicked"
  • 1. Refresh the page. - "Refresh the page"
• ◆ Image B is clicked - "is clicked"
  • 1. Go to page profissional - "Go to page"
• ◆ User is logged out - "User is logged out"
  • 1. Go to page index - "Go to page"

Generated byBubble Documenter